用 GitHub Pages 部署你的網站（初學者教學）

你寫好了自己的網頁，想把它放到網路上讓大家都能看到嗎？GitHub Pages 是一個超棒的免費工具，可以幫你快速把網站部署到網路上，重點是——完全免費！

部署步驟

步驟 1：建立 GitHub Repository

1.到 GitHub
登入帳號（如果沒有就先註冊）。

2.點選右上角的 + > New repository。

3.輸入 Repository 名稱，例如 my-first-website，建議勾選「Add a README file」。

4.按下「Create repository」。

步驟 2：上傳網站檔案

1.點進剛剛建立的 repository。

2.點選「Add file」 > 「Upload files」。

3.上傳你的 index.html 檔案，然後點「Commit changes」。

步驟 3：啟用 GitHub Pages

1.在 repository 頁面上方點選「Settings」。

2.左側選單中找到「Pages」或「Pages settings」（不同語言顯示可能不一樣）。

3.在「Source」區塊中，選擇「Deploy from a branch」。

4.選擇 main 分支，資料夾選擇「/（root）」。

5.點「Save」。

幾秒鐘後，GitHub 就會自動幫你部署好網站，並在同一頁顯示你的網站網址，例如：

https://你的帳號.github.io/repository資料夾名稱/
打開這個網址，你就可以看到剛剛的網頁啦！

小提醒

如果你是用 React 或 Vue 等框架開發，也可以把打包好的靜態檔（通常在 dist/ 或 build/ 資料夾）上傳部署。

每次更新網站內容，只要重新 commit & push，GitHub Pages 就會自動更新！